/******************************************************************************************
 * Import
 ******************************************************************************************/

// module
import React, {Component} from 'react';

// project
import {
	Page, Content, Text, Image, ItemY, Row, Header, Footer
} from '../../../../library'


/******************************************************************************************
 * Export Class
 ******************************************************************************************/

export default class RedPacket extends Component {

	/*------------------------------------------------------------------------------------
	 * 初始化
	 *-----------------------------------------------------------------------------------*/
	constructor(props) {
		super(props);

		/**
		 * state
		 */
		this.state = {
			
		};
    }   

	/**
	 * 渲染
	 */
	render() {
		return (
			<Page>

				{/* 顶部现金金额显示 */}
				<Content my='40' bg='#fff'>
                    <Row py='30' px='26' bg='#efeff4'>
                        <ItemY f='2'>
                            <Text>领取现金</Text>
                            <Text size='24' color='#7c7d7d' pt='10' pl='5'>0.00<Text size='12'>元</Text></Text>
                        </ItemY>
                        <ItemY f='1' x='right' bl='1 #b5b5b5'>
                            <Text color='#7c7d7d'>已领：0个</Text>
                            <Text color='#7c7d7d' pt='10'>手气最佳：0个</Text>
                        </ItemY>                     
                    </Row>

					{/* 用户领取的红包记录 */}
					<Row h='40' y='center' pl='20'>
						<Text>红包记录</Text>
					</Row>

					<Row x='center' mt='100'>
						<ItemY>
							<Image source={require('../../../../assets/none1.png')} w='100' h='110'/>
							<Text color='#dbdbdb' size='16'>暂无商家红包</Text>
						</ItemY>
					</Row>

				</Content>

				{/* 头部 */}
				<Header h='40' bg='#fff' px='10'></Header>

				{/* 底部 */}
				<Footer bg='#fff'></Footer>
				
			</Page>
		);
	}
}
